<template>
  <div id="app">
    <div class="main-body">
      <div class="container">
        <div class="main-title">{{ mainTitle }}</div>
        <div class="view-frame">
          <div v-for="(item,index) of text" :key="index" class="view-item">
            <div class="img"><img :src="item.img" alt=""></div>
            <div class="sub-title">{{ item.subTitle }}</div>
            <p>{{ item.description }}</p>
          </div>
        </div>
        <!-- <div class="code">
          <img src="~@assets/report/code.jpg" alt="">
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mainTitle: '智慧大屏-铂金认证',
      text: [
        {
          img: `${require(`@assets/report/leed1.png`)}`,
          subTitle: '华星光电t4项目荣获 LEED “铂金级”认证',
          description: '武汉华星光电第6代柔性LTPS-AMOLED显示面板生产线项目（简称“t4项目”）通过了美国绿色建筑委员会（USGBC）的LEED绿色建筑认证评审，以业内最高分获评LEED“铂金级”认证，并在Green building绿色大会上获得2019年度“行业先锋奖”。 武汉华星光电t4项目是2019年工业建筑领域唯一取得“铂金级”认证的项目，也是LEED认证项目中认证面积最大的项目。此外，武汉华星光电t4项目还通过了中国城市科学研究会绿色建筑中心组织的评审，获得了中国绿色工业建筑三星最高认证，成为全球柔性显示领域第一个取得美国LEED铂金级和中国绿色建筑最高等级双认证的面板建设项目。'
        },
        {
          img: `${require(`@assets/report/usgbc.png`)}`,
          subTitle: '“LEED认证”隶属美国绿色建筑委员会（USGBC，业内影响最大）',
          description: '“LEED认证”隶属美国绿色建筑委员会（USGBC），该项认证是业内最大、最有影响力的绿色建筑评价平台，通过对建筑的可持续建筑场址、水资源利用、建筑节能与大气、资源与材料、室内空气质量等多维度进行综合考察，通过评估的建筑根分为铂金级、金级、银级、铜级认证级别以反映建筑的绿色水平。中国绿色工业建筑评估体系主要从法规、可持续建筑场地、节水和水资源利用、节能与能源利用、资源与材料、室内空气质量等10个方面对建筑进行综合考察评估。'
        },
        {
          img: `${require(`@assets/report/leed2.png`)}`,
          subTitle: '武汉华星光电领跑柔性显示领域，LEED铂金级与绿建三星级两项认证',
          description: '武汉华星光电t4项目生产工艺复杂、并且是2019年度认证面积最大的项目，武汉华星光电t4项目凭借超过49.6%的节能降费量与超过2200万吨的年节水量，领跑整个柔性显示领域并同时获得LEED铂金级与绿建三星级两项最高级别认证实属不易。柔性显示技术是当下电子行业发展的前沿热点、作为国内首例通过LEED认证铂金级及绿建筑标识双认证的柔性面板项目，武汉华星光电为柔性显示领域的发展开创了一条环保、健康、可持续的绿色发展之路。'
        },
        {
          img: `${require(`@assets/report/saveenergy.png`)}`,
          subTitle: '极致用能-节能技术业界优先',
          description: '华星光电t4项目全面推行标准化的能源管理体系，突破了多项绿建筑节能技术，做到了能源的极致使用，实现了年节电量5亿2000万度，相当于15万个家庭的年用电量，年减碳量约51.71万吨，相当于年植树3436公顷。此外，华星光电t4项目开创式采用大温差热能回收设计，实现全年总有效热回收量为579,577GJ，折算天然气约689.5万立方米， 相当于15000个家庭的年天然气用量。'
        },
        {
          img: `${require(`@assets/report/recycle.png`)}`,
          subTitle: '智慧用水-高效水资源回收',
          description: '华星光电从设计到建厂响应了国家海绵城市建设要求，实现了全厂智慧用水。采用业内最先进的超纯水回收工艺，生产用水回收率高达75%，厕所马桶用水100%使用回收水。此外，华星光电自建生态湿地，高效利用雨水，每年可实现90000吨雨水回收；投产后全公司每年可总计回收2200万吨水，相当于每5年省下一片东湖的水量。'
        },
        {
          img: `${require(`@assets/report/environment.png`)}`,
          subTitle: '环境友好-打造绿色健康建筑',
          description: '华星光电致力打造绿色健康建筑。在项目建设过程中， 89.8%的建筑垃圾实现高效分类回收，可回收建筑材料使用占比超过11%。为了打造健康舒适的市内工作环境，公司全部采用低挥发性环保建材；办公区提供30%额外新风供给，全员实现智能可供光源；此外，公司内同时配备健身房、咖啡厅、图书馆、淋浴室等设备，为员工提供最优质的健康生活环境。'
        }
      ]
    }
  }
}
</script>

<style scoped>
.main-title{
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 6.5%;
  color: #00f4ff;
  font-size: 24px;
  font-weight: 600;
}
.main-body{
  height: 100vh;
  background: url('~@assets/report/bg.png') no-repeat;
  background-size: 100% 100%;
}
.container{
  position: relative;
  width: 92%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
}
.view-frame{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  height: 75%;
  overflow-y:auto;
  margin-top: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.view-frame::-webkit-scrollbar {
    display: none;
  }
.view-frame::-o-scrollbar {
    display: none;
  }
.view-item{
  flex-basis: 31.5%;
  display: flex;
  flex-flow: column;
  margin-bottom: 2rem;
}
.view-item div{
  width: 100%;
}
.view-item div img{
  width: 100%;
}
.view-item .sub-title{
  font-size: 1.3rem;
  font-weight: 600;
  color: #00f4ff;
  line-height: 2.5rem;
}
.view-item p{
  line-height: 2rem;
}
.code{
  margin-top: 1rem;
  position: absolute;
  bottom: 20px;
  right:50px;
  width: 12rem;
  height: 12rem;
}
.code img{
  width: 100%;
  height: 100%;
  display: none;
}
</style>
